<template>
    <div class="navigation_li"  >

        <div class="navigation_img-u22">
            <router-link to="/main/industry_development/Resource" class="navigation_a" >资源分布</router-link>
        </div>
        <br>
        <div class="navigation_img-u22">
            <router-link to="/main/industry_development/Scientific" class="navigation_a" >科研成果</router-link>
        </div>
        <br>
        <!--边框图片-->
        <div class="navigation_img-u22">
            <router-link to="/main/industry_development/Cooperation" class="navigation_a">合作交流</router-link>
        </div>
        <br>
        <!--边框图片-->
        <div class="navigation_img-u22">
            <router-link to="/main/industry_development/Recruit" class="navigation_a" >人才招募</router-link>
        </div>
    </div>
</template>

<script>
export default {
    name :'Left'
}
</script>

<style>
    .navigation_li{
        position: relative;
        padding-right: 2%;
        padding-left: 2%;
        margin-left: 2%;
        background: #42b983;
        /*width: 20%;*/
        width: 156px;
    }
    .navigation_img-u22{
        background-image:url("../../assets/images/u22.png");
        /*height: 58px;*/
        /*width: 156px;*/
        background-size: 100% 100%;
        text-align: center;
        background-repeat:no-repeat;
        /*transform: translateY(-50%);*/
        line-height:58px;
    }
</style>